// 目的：当图片加载失败的时候，用v-imgerror 指定的参数替换原图片/显示备用图片
// 注册一个全局自定义指令 `v-imgerror`
export const imgerror = {
   inserted(el, binding) {
      // el期望是img  但有可能不是
      // 如果不是 就容错  如果容错  就啥也不干
      if (el.tagName !== 'IMG') {
         return
      }
      // src属性值不为空
      el.src = el.src || binding.value
      el.onerror = function () {
         // img有onerror 和onload 回调方法
         // onload：图片加载成功的时候回调
         // onerror：图片加载失败的时候调用
         el.src = binding.value
      }
   },
   componentUpdated(el, binding) {
      el.src = el.src || binding.value
   }
}





